<!DOCTYPE html>
<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.1.1
Version: 2.0.2
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<!--<![endif]-->
<!-- BEGIN HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed">
	<!-- BEGIN PAGE CONTENT-->
	<div class="site_content">
		<div class="realtime_content content_box no_table_filter">
			<div>
				<form class="instruct_box" id="formid" method="post">
					<hr />
					<div style="width: 400px">
						<div class="form-group form1">
							<label>设备地址</label> <input type="text" class="form-control"
								id="chargerId" name="chargerId" placeholder="请输入16位设备地址" ng-model="chargerBox" ng-blur="chargerBlur()">
								<span>{{chargerMsg}}</span>
						</div>
						<div class="form-group form1">
							<label>端口号</label> <input type="text" class="form-control"
								id="portNo" name="portNo" placeholder="请输入2位端口号，如00、01" ng-model="portNoBox" ng-blur="portNoBlur()"> <span
								class="">{{portMsg}}</span>
						</div>
						<div class="form-group form1">
							<label>用户卡号</label> <input type="text" class="form-control"
								id="userCard" name="userCard" placeholder="请输入20位用户卡号" ng-model="userCardBox" ng-blur="userCardBlur()">
							<span class="">{{userMsg}}</span>
						</div>
						<div class="form-group form1">
							<label>版本号</label> <select class="form-control"
								id="protocol_version" name="protocol_version">
								<option value="0101">0101</option>
								<option value="0102">0102</option>
								<option value="0103" selected="">0103</option>
							</select>
						</div>
					</div>
					<div class="modal-footer t_l">
						<button type="reset" class="btn btn-warning" data-dismiss="modal">
							<i class="fa fa-refresh"></i> 重置
						</button>
						<button type="button" class="btn btn-danger" ng-click="btn_danger()">
							<i class="fa fa-times-circle"></i> 取消预约
						</button>
						<button type="button" class="btn btn-primary" ng-click="btn_primary()">
							<i class="fa fa-user"></i> 开始预约
						</button>
					</div>
				</form>
			</div>
		</div>
	</div>
	<!-- END PAGE CONTENT-->
</body>
<script>
// $('button.btn-primary').on('click',function(){
// 	$.ajax({
// 		type:'post',
// 		//url:'../../userApi/login',
// 		url:'../bespeak',
// 		//data:{"chargerId":$('#chargerId').val(),"portNo":$('#portNo').val(),"userCard":$('#userCard').val()},
// 		data:$('#formid').serialize(),
// 		dataType: "json",
// 		async: false,
// 		success:function(data){
// 			if(data.code == '200'){
// 				bootboxWindow.alert("指令下发成功!", null);
// 			}else{
// 				bootboxWindow.alert("指令下发失败!", null);
// 				$('#account').val('');
// 				$('#password').val('');
// 			}
// 		}
// 	})
// });
// $('button.btn-danger').on('click',function(){
// 	$.ajax({
// 		type:'post',
// 		//url:'../../userApi/login',
// 		url:'../cancelBespeak',
// 		//data:{"chargerId":$('#chargerId').val(),"portNo":$('#portNo').val(),"userCard":$('#userCard').val()},
// 		data:$('#formid').serialize(),
// 		dataType: "json",
// 		async: false,
// 		success:function(data){
// 			if(data.code == '200'){
// 				bootboxWindow.alert("指令下发成功!", null);
// 			}else{
// 				bootboxWindow.alert("指令下发失败!", null);
// 				$('#account').val('');
// 				$('#password').val('');
// 			}
// 		}
// 	})
// });
</script>
</html>
